<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<!-- Static Header -->
	<title>#{strings['index.title']}</title>
	<link rel="stylesheet" type="text/css" href="css/default.css" />
	<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"></link>
	<link href="css/bootstrap-responsive.min.css" rel="stylesheet"
		media="screen"></link>
	<link href="css/style.css" rel="stylesheet" media="screen"></link>
	<script type="text/javascript">  
		    function handleLoginRequest(xhr, status, args) {  
		        if(args.validationFailed || !args.loggedIn) {  
		            dlg.jq.effect("shake", { times:5 }, 100);  
		        }   
		        else {  
		            dlg.hide();  
		            $('#loginLink').fadeOut();  
		        }  
		    }  
		</script>
</h:head>

<h:body>
	<header>
		<div class="container">
			<ui:insert name="header">
				<ui:include src="/template/header.xhtml" />
			</ui:insert>
		</div>
	</header>

	<div class="container">
		<div class="row-fluid">
			<aside class="span2">
				<ui:insert name="sidebar">
					<ui:include src="/template/sidebar.xhtml" />
				</ui:insert>
			</aside>

			<div class="span10" id="content">
				<ui:insert name="content">
					<ui:include src="/template/content.xhtml" />
				</ui:insert>
			</div>
		</div>
	</div>
	
	<footer>
		<div class="container">
			<div class="footer">
				<ui:insert name="footer">
					<ui:include src="/template/footer.xhtml" />
				</ui:insert>
			</div>
		</div>
	</footer>
</h:body>
</html>
